body{
margin:5px;

}

#wrapper{
	background-color:transparent;
	width:100%;
	border:1px solid black;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#header{
	background:url(../images/j_header_middle.png) repeat-x;
	width:100%;
	height:54px;
}
#logo{
	float:left;
	font-size:32px;
	color:white;
	padding:2px 0px 5px 10px;
}
#user{
	float:right;	
	font: normal 13px Arial, Verdana, sans-serif;
	line-height:18px;
	color:white;
	text-align:right;
	padding:4px 10px 5px 0px;
	border-right:1px solid white;
}
#homlog{
	float:right;
	padding:12px 10px 5px 0px;
}
#homlog img{
	padding-left:5px;
}
#homlog img:hover{
	cursor:pointer;
}

#mainmenu{
	clear:both;
	background-color:#F2F2F2;
	width:auto;
	height:30px;
	border-bottom:1px solid black;
}


.mainmenu ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
.mainmenu ul li{
	float:left;
	padding:5px;
	margin-right:5px;
	font-weight:bold;
	}

.submenu{
	width:auto;
	height:38px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#F2F2F2;
	border:1px solid grey;
	}

#tasks{
	float:left;
	font-size:20px;
	font-weight:bold;	
	padding:6px 0px 0px 10px;
	}
#task_buttons{
	float:right;	
	padding:6px 10px 0px 0px;
	}

#dynamic{
	width:auto;
	height:auto;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:transparent;
	/*border:1px solid grey;*/
	}
#filter{
	width:auto;
	height:58px;
	background-color:#F7F7F7;
	border:1px solid grey;
	padding:10px;
	}
#task_details{
	width:auto;
	height:364px;
	margin-top:5px;
	background-color:#F7F7F7;
	overflow:auto;
	border:1px solid #1D4A7F;
	}

#tablediv{

}


#task_details table{
	width:100%;
	height:auto;
	border: 1px solid #1D4A7F;
	}
#task_details table th{
	background-color:#1D4A7F;
	font: normal 14px Arial, Verdana, sans-serif;
	font-weight:bold;
	color:white;
	line-height:25px;
	border: 1px ridge #FFFFFF;
}
#task_details table td{
	padding:2px;
	text-align:center;
	font: normal 12px Arial, Verdana, sans-serif;
	line-height:20px;
	border: 1px solid #1D4A7F;
	}
#des{width:30%;}
#task_details table tr{}
#task_details table tr:hover{background-color:#DBF5FF;color:#000000;}
#task_details table th a{color:white; text-decoration:underline;}
#footer{
	width:auto;
	height:34px;
	text-align:center;
	margin:0px;
	background:url(../images/j_footerr.png) repeat-x;
	padding-top:20px;
	color:white;
	font-variant:capitalise;
	font: normal 11px Arial, Verdana, sans-serif;
}
.center{text-align:center;}
.linky
{
cursor:pointer;
text-decoration:underline;
}



.clear{clear:both;}

.no {text-align:center; color:red; background-color:pink; margin:auto;}

.no2 {text-align:center; color:red; background-color:pink; margin:auto;visibility:hidden;width:auto;
	height:20px;
	margin-top:5px;}

/*a:link { color:white; text-decoration:none }
a:visited { color:white; text-decoration:underline; }
a:hover { color:white; text-decoration:underline; }
a:active { color:white; text-decoration:underline; }
*/


button,input[type='submit'],input[type='reset']
{
background-color: #1D4A7F;
color:white;
padding:3px 10px;
border:1px solid white;
font: 12px Arial,Verdana,sans-serif;
text-transform:uppercase;
font-weight:bold;
}

button:hover,input[type='submit']:hover,input[type='reset']:hover
{
background-color: #000000;
padding:3px 10px;
color:white;
cursor:pointer;
border:1px solid white;
font: 12px Arial,Verdana,sans-serif;
text-transform:uppercase;
font-weight:bold;
}

#popupAddTask
{

display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:384px;  
width:608px;  
background:#FFFFFF;  
border:3px solid #808080;  
z-index:2;  
padding:12px;  
font-size:13px;  
outline:4px solid #1D4A7F;
}

#popupAddTask h1
{
text-align:center;
}


#addtab,#addtab td
{
	text-align:left;
	border:1px solid #1D4A7F;
	border-collapse: separate;
}

#reqtab,#reqtab td
{
	text-align:left;
	border:1px solid #1D4A7F;
	border-collapse: separate;
}

#Closebtn_tsk{  
font-size:14px;  
line-height:14px; 
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
font-family:verdana;
}

#Closebtn_ext{  
font-size:14px;  
line-height:14px; 
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
font-family:verdana;
}

#background
{
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}

.pointer
{
cursor:pointer;
}

.pointer:hover
{
cursor:pointer;
background-color: #000000;

}

.openbtn
{
background-color: #1D4A7F;
color:white;
padding:3px 10px;
border:1px solid white;
font: 10px Arial,Verdana,sans-serif;
text-transform:uppercase;
font-weight:bold;
}
.openbtn:hover
{
background-color: #000000;
padding:3px 10px;
color:white;
cursor:pointer;
border:1px solid white;
font: 10px Arial,Verdana,sans-serif;
text-transform:uppercase;
font-weight:bold;
}


#popup_ex
{

display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:384px;  
width:608px;  
background:#FFFFFF;  
border:3px solid #808080;  
z-index:3;  
padding:12px;  
font-size:13px;  
outline:4px solid #1D4A7F;
}

.popups
{

display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:384px;  
width:608px;  
background:#FFFFFF;  
border:3px solid #808080;  
z-index:3;  
padding:12px;  
font-size:13px;  
outline:4px solid #1D4A7F;
}


.Closebtn2{  
font-size:14px;  
line-height:14px; 
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
font-family:verdana;
}


.protab,.protab td
{
	text-align:left;
	border:1px solid #1D4A7F;
	border-collapse: separate;
}
.heading
{
font-weight:bold;
}
.pointerlink
{
cursor:pointer;
color:blue;
text-decoration:underline;
text-transform:uppercase;

}